<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>lu_FinanceManagement  财务管理</title>
    <!--<link rel="shortcut icon" href="favicon.ico">-->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!--<link href="css/font-awesome.min.css" rel="stylesheet">-->

    <link href="css/animate.min.css" rel="stylesheet">
    <link href="css/style.min.css" rel="stylesheet">

    <link rel="stylesheet" href="css/lu_common.css">
    <link rel="stylesheet" href="css/lu_projectProgress.css">
    <link rel="stylesheet" href="css/lu_salaryManagement.css">
    <link rel="stylesheet" href="fonts_style/iconfont.css">
    <style>
        .laydate-theme-molv .layui-laydate-main{
            height:300px!important;
        }
        .laydate-theme-molv .layui-laydate-content{
            height:300px!important;
            overflow: hidden!important;
        }
        .table_btn_list_title{
            text-align: right;
            width:200px;
        }
        .add_hiddenBox{
            padding: 0 20px 20px 0;
        }
        input[readonly]{
            background-color: #EDEDED;
            color: #333;
        }
        #table_table th{
            white-space: nowrap;
        }
    </style>
</head>
<body class="color_fff row container-fluid">
<div class="row projectProgress_table_BOX">
    <div class="table_BOX">
        <table class="col-sm-12 table table-striped comTableStyle" id="table_table">
            <thead>
            <tr>
                <th><input type="checkbox" id="checkAll" class="checkboxStyle"></th>
                <th>年度</th>
                <th>总资产(万)</th>
                <th>注册资本(万)</th>
                <th>销售收入(万)</th>
                <th>研发投入(万)</th>
                <th>研发占比销售(%)</th>
                <th>成本费用总额(元)</th>
                <th>研发占比成本(%)</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            <!--<tr data-index="7">-->
                <!--<td><input type="checkbox" class="checkboxStyle"></td>-->
                <!--<td>2018</td>-->
                <!--<td>2000万</td>-->
                <!--<td>500</td>-->
                <!--<td>100</td>-->
                <!--<td>50</td>-->
                <!--<td>20%</td>-->
                <!--<td>12</td>-->
                <!--<td>20%</td>-->
                <!--<td><a href="edit_people" class="edit_table">编辑</a></td>-->
            <!--</tr>-->
            </tbody>
        </table>
        <ul class="operation_btn">
            <li><a href="add_people" class="btn btn-success">添加</a></li>
            <li><a href="#import" class="btn btn-success">批量导入</a></li>
            <li><a href="#delete" class="btn btn-success">批量删除</a></li>
        </ul>
        <ul class="animated fadeIn add_hiddenBox" lll="add_people">
            <li class="form-group table_btn_list">
                <label class="col-sm-3 table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>年度：</label>
                <div class="col-sm-9">
                    <input type="text" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder="" add_name="add_year" id="add_year">
                </div>
            </li>
            <li class="form-group table_btn_list">
                <label class="col-sm-3 control-label table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>总资产(万)：</label>
                <div class="col-sm-9">
                    <input type="number" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder="" add_name="add_Totalproperty">
                </div>
            </li>
            <li class="form-group table_btn_list">
                <label class="col-sm-3 table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>注册资本(万)：</label>
                <div class="col-sm-9">
                    <input type="number" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder="" add_name="add_registerCapital">
                </div>
            </li>
            <li class="form-group table_btn_list">
                <label class="col-sm-3 table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>销售收入(元)：</label>
                <div class="col-sm-9">
                    <input type="number" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder="" add_name="add_sales_income">
                </div>
            </li>
            <li class="form-group table_btn_list">
                <label class="col-sm-3 table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>研发投入(元)：</label>
                <div class="col-sm-9">
                    <input type="number" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder="" add_name="add_RD_investment">
                </div>
            </li>
            <li class="form-group table_btn_list">
                <label class="col-sm-4 table_btn_list_title">研发占比销售(%)：</label>
                <div class="col-sm-8">
                    <input type="number" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder="" readonly add_name="add_RD_Tosales_Proportion">
                </div>
            </li>
            <li class="form-group table_btn_list">
                <label class="col-sm-3 control-label table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>成本费用(元)：</label>
                <div class="col-sm-9">
                    <input type="number" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder="" add_name="add_cost">
                </div>
            </li>
            <li class="form-group table_btn_list">
                <label class="col-sm-4 control-label table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>研发占比成本(%)：</label>
                <div class="col-sm-8">
                    <input type="number" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder="" readonly add_name="add_RD_Tocost_Proportion">
                </div>
            </li>
            <li class="button_list">
                <button class="btn btn-sm btn-success" id="add_btn">确认添加</button>
                <button class="btn btn-sm btn-success" id="add_AddNew_btn">添加并新增</button>
                <button class="btn btn-sm btn-default cancel_btn">取消</button>
            </li>
        </ul>
        <ul class="animated fadeIn add_hiddenBox" lll="edit_people">
            <li class="form-group table_btn_list">
                <label class="col-sm-3 table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>年度：</label>
                <div class="col-sm-9">
                    <input type="text" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder="" add_name="edit_year" id="edit_year">
                </div>
            </li>
            <li class="form-group table_btn_list">
                <label class="col-sm-3 control-label table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>总资产：</label>
                <div class="col-sm-9">
                    <input type="number" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder="" add_name="edit_Totalproperty">
                </div>
            </li>
            <li class="form-group table_btn_list">
                <label class="col-sm-3 table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>注册资本：</label>
                <div class="col-sm-9">
                    <input type="number" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder="" add_name="edit_registerCapital">
                </div>
            </li>
            <li class="form-group table_btn_list">
                <label class="col-sm-3 table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>销售收入：</label>
                <div class="col-sm-9">
                    <input type="number" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder="" add_name="edit_sales_income">
                </div>
            </li>
            <li class="form-group table_btn_list">
                <label class="col-sm-3 table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>研发投入：</label>
                <div class="col-sm-9">
                    <input type="number" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder="" add_name="edit_RD_investment">
                </div>
            </li>
            <li class="form-group table_btn_list">
                <label class="col-sm-4 table_btn_list_title">研发占比销售：</label>
                <div class="col-sm-8">
                    <input type="number" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder="" readonly add_name="edit_RD_Tosales_Proportion">
                </div>
            </li>
            <li class="form-group table_btn_list">
                <label class="col-sm-3 control-label table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>成本费用：</label>
                <div class="col-sm-9">
                    <input type="number" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder="" add_name="edit_cost">
                </div>
            </li>
            <li class="form-group table_btn_list">
                <label class="col-sm-4 control-label table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>研发占比成本：</label>
                <div class="col-sm-8">
                    <input type="number" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder="" readonly add_name="edit_RD_Tocost_Proportion">
                </div>
            </li>
            <li class="button_list">
                <button class="btn btn-sm btn-success" id="save_btn">保存</button>
                <button class="btn btn-sm btn-default cancel_btn">取消</button>
            </li>
        </ul>
    </div>

    <!--内容没填完，弹框-->
    <div class="warning_hiddenBox animated fadeIn" id="yz_modal" box="yz_modal">
        您有内容没有填写完哦！
    </div>
    <!--删除人员-->
    <div class="col-sm-12 add_people_list animated fadeIn" id="delete" lll="delete">
        <p class="delete_tip_text">确认删除吗？</p>
        <div class="delete_tip_btn_box">
            <button class="btn btn-sm btn-success">确认</button>
            <button class="btn btn-sm btn-default">取消</button>
        </div>
    </div>
    <!--导入文件-->
    <div class="add_hiddenBox animated fadeIn" id="import" lll="import">
        <p class="import_tip_text">温馨提示：</p>
        <p class="import_tip_text">请下载统一的模版，并按相应的格式在Excel软件中填写您的业务数据，然后再导入到系统中。</p>
        <form action="http://jk.com/Admin/Account/importAccount" method="post" enctype="multipart/form-data" id="file_form">
            <input type="file" accept="application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" class="import_tip_text file_upload_btn" id="file_upload" name="accounts">
            <div class="import_tip_btn_box">
                <a class="btn btn-sm btn-success" href="#">下载模板</a>
                <button class="btn btn-sm btn-grey">确定导入</button>
            </div>
        </form>
    </div>
</div>

<script src="js/jquery.min.js"></script>
<script src="js/laydate/laydate.js"></script>
<script src="js/lu_FinanceManagement.js"></script>
<script>
    $(function(){
        window.add_year = ''
        window.add_year_year = ''
        window.edit_year = ''

        laydate.render({
            elem: '#add_year', //指定元素
            type:  'year',
            theme: '#2881C1',
            done: function(value, date, endDate){
                var dateVal = date.year+'年'
                window.add_year = dateVal
                window.add_year_year = date.year
            }
        });
        laydate.render({
            elem: '#edit_year', //指定元素
            type:  'year',
            theme: '#2881C1',
            done: function(value, date, endDate){
                var dateVal = date.year+'年'
                window.edit_year = dateVal
            }
        })
    })
</script>
</body>
</html>